<!DOCTYPE html>
<html>
<head>
  <title>Xlearning</title>

  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <%= csrf_meta_tags %>
</head>
<header>
	<nav class="navbar navbar-static">
   <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand page-scroll" href="/" style="padding:0"><img src="<%= asset_path('logo.png') %>" width="150" height="50" alt="" class="logo"></a>
    </div>
      <div class="navbar-collapse collapse">

        <ul class="nav navbar-right navbar-nav">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-search"></i></a>
            <ul class="dropdown-menu" style="padding:12px;">
                <form class="form-inline">
            <button type="submit" class="btn btn-default pull-right"><i class="glyphicon glyphicon-search"></i></button><input type="text" class="form-control pull-left" placeholder="Search">
                </form>
             </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="border:none;"><i class="glyphicon glyphicon-user"></i> <i class="glyphicon glyphicon-chevron-down"></i></a>
            <ul class="dropdown-menu">
              <li><a href="/sessions/new">Iniciar Sesion</a></li>
              <% if @user %>
              <li><a href="/users">Perfil Usuario</a></li>
              <li class="divider"></li>
              <li><a href="/signout">Cerrar Sesion</a></li>
              <%end%>
              
             </ul>
          </li>
        </ul>

        <ul class="nav navbar-nav" style="float:right;">  
          <li><a href="/">Home</a></li>
          <!--<li><a href="/cursos">Cursos</a></li> -->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Cursos</a>
            <ul class="dropdown-menu">
              <li><a href="#">Sub-link</a></li>
              <li><a href="#">Sub-link</a></li>
              <li><a href="#">Sub-link</a></li>
              <li><a href="#">Sub-link</a></li>
              
            </ul>
          </li>
        </ul>
        
      </div>
    </div>
</nav>
</header>
<body>
<div class="wrapper">

<%= yield %>
<!--<div class="navbar-fixed-bottom">
  <div class="triangle dark animate"><span class="triangle">▼</span></div>
</div>
<footer class="navbar-fixed-bottom" style="background:#0485bf">
<div class="container">
<div id="social-bar">
                <a href="https://www.facebook.com">
                    <i class="icon icon-facebook"></i>
                    <span>Facebook</span>
                </a>
                <a href="https://twitter.com">
                    <i class="icon icon-twitter"></i>
                    <span>Twitter</span>
                </a>
                <a href="https://plus.google.com/">
                    <i class="icon icon-google-plus"></i>
                    <span>Google Plus</span>
                </a>
                <a href="http://opensourcehacker.com/">
                    <i class="icon icon-rss"></i>
                    <span>Blog</span>
                </a>
            </div>
</div>
</footer>-->

</div>
</body>

</html>
